<!DOCTYPE html>
<link rel="match" href="../expected/css-mask-longhand.html" />
<div class="masked"></div>

<style>
    .masked {
        display: block;
        width: 200px;
        height: 200px;
        mask: url("../data/smiley.png");
        background-color: blue;
    }
</style>
<!-- FIXME: Workaround to ensure CSS background-image is loaded before taking screenshot: https://github.com/LadybirdBrowser/ladybird/issues/3448 -->
<img src="../data/smiley.png" />
